<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Basic Demo</title>

    <!-- jQuery / jQuery UI -->
    <script src="http://www.jq22.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://libs.baidu.com/jqueryui/1.10.0/jquery-ui.min.js "></script>

    <!-- jQuery Touch Punch - Enable Touch Drag and Drop -->
    <script src="core/vendor/jquery.touch-punch.min.js"></script>

    <!-- jQuery.Shapeshift -->
    <script src="core/jquery.shapeshift.js"></script>

    <!-- CSS -->
    <style>
        .container {
            border: 1px dashed #CCC;
            position: relative;
        }
        
        .container>div {
            background: #AAA;
            position: absolute;
            height: 100px;
            width: 100px;
        }
        
        .container>.ss-placeholder-child {
            background: transparent;
            border: 1px dashed blue;
        }
    </style>

    <!-- Javascript -->
    <script>
        $(document).ready(function() {
            var obj = {}
            var a = $(".container").shapeshift(obj);

            console.log($(".container").end())

        })
    </script>
</head>

<body>
    <div>
        <div>aas</div>
        <div class="container">
            <div>
                <div>asas</div>
            </div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <div>
        <div>aas</div>
        <div class="container">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div>
        <div>aas</div>
        <div class="container">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="container">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</body>

</html>